<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %><html>
<head>

    <title>详情页面</title>

    <link href="${resourcePath}/css/newstyle.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="${resourcePath}/js/base/jquery-1.9.1.min.js"></script>
    <%--<script src="../js/build.js"></script>--%>
    <%--<script src="../js/base_v3.0.js"></script>--%>

</head>

<body style="overflow-y:auto;padding-bottom:120px">
<!--新建弹出层-->
<div>
    <ul class="info-xq">
        <li>
            <span class="s1">管道名称 :</span>
            <span class="s2">二门站-太平清管站</span>
        </li>
        <li>
            <span class="s1">管段名称 :</span>
            <span class="s2">二门站-太平清管站</span>
        </li>
        <li>
            <span class="s1">穿跨越编号 :</span>
            <span class="s2">S009</span>
        </li>
        <li>
            <span class="s1">穿跨越类型 :</span>
            <span class="s2">跨越</span>
        </li>
        <li>
            <span class="s1">穿跨越名称 :</span>
            <span class="s2">郭家桥高速穿越</span>
        </li>
        <li>
            <span class="s1">穿跨越对象 :</span>
            <span class="s2">公共设施</span>
        </li>
        <li>
            <span class="s1">穿跨越方式 :</span>
            <span class="s2">山体隧道</span>
        </li>
    </ul>
    <div class="down-div">
        <p class="down-show">起始位置 <em></em></p>
        <ul class="info-fi">
            <li>
                <span class="s1">绝对距离 :</span>
                <span class="s2"><span>999000</span> (M) </span>
            </li>
            <li>
                <span class="s1">最近参考点 :</span>
                <span class="s2">大亚水田</span>
            </li>
            <li>
                <span class="s1">参考点距离 :</span>
                <span class="s2"><span>23.4 </span> (M) </span>
            </li>
        </ul>
    </div>
    <div class="down-div">
        <p class="down-show">终点位置 <em></em></p>
        <ul class="info-fi">
            <li>
                <span class="s1">穿越长度 :</span>
                <span class="s2"><span>999000</span> (M) </span>
            </li>
            <li>
                <span class="s1">最近参考点 :</span>
                <span class="s2">大亚水田</span>
            </li>
            <li>
                <span class="s1">参考点距离 :</span>
                <span class="s2"><span>23.4 </span> (M) </span>
            </li>
        </ul>
    </div>
    <div class="down-div">
        <p class="down-show">详情<em></em></p>
        <ul class="info-fi">
            <li>
                <span class="s1">穿越长度 :</span>
                <span class="s2"><span>109</span> (M) </span>
            </li>
            <li>
                <span class="s1">管节数 :</span>
                <span class="s2">11</span>
            </li>
            <li>
                <span class="s1">绝对距离 :</span>
                <span class="s2"><span>999000 </span> (M) </span>
            </li>
            <li>
                <span class="s1">最近参考点 :</span>
                <span class="s2">大亚水田</span>
            </li>
            <li>
                <span class="s1">参考点距离 :</span>
                <span class="s2"><span>23.4 </span> (M) </span>
            </li>
            <li>
                <span class="s1">材质 :</span>
                <span class="s2">L320(X46)</span>
            </li>
            <li>
                <span class="s1">壁厚 :</span>
                <span class="s2"><span>11.56</span>（MM）</span>
            </li>
            <li>
                <span class="s1">稳管措施 :</span>
                <span class="s2">混凝土</span>
            </li>
            <li>
                <span class="s1">是否有套管 :</span>
                <span class="s2">是</span>
            </li>
            <li>
                <span class="s1">防护层材料 :</span>
                <span class="s2">环氧玻璃钢</span>
            </li>
            <li>
                <span class="s1">防护层厚度 :</span>
                <span class="s2"><span>5</span>（MM）</span>
            </li>
            <li>
                <span class="s1" style="width:96px">竣工资料编号 :</span>
                <span class="s2">SH0003</span>
            </li>
            <li>
                <span class="s1">防护层厚度 :</span>
                <span class="s2"><span>5</span>（MM）</span>
            </li>
            <li>
                <span class="s1">施工单位:</span>
                <span class="s2">德源云管道公司</span>
            </li>
            <li>
                <span class="s1">监理单位 :</span>
                <span class="s2">成都社会科学院</span>
            </li>
            <li>
                <span class="s1">检测单位 :</span>
                <span class="s2">中国环保协会</span>
            </li>
            <li>
                <span class="s1">记录人 :</span>
                <span class="s2">霍元甲</span>
            </li>
            <li>
                <span class="s1">记录时间 :</span>
                <span class="s2">2015-7-30 14:15:67</span>
            </li>
        </ul>
    </div>
</div>

</body>

<script type="text/javascript">
    $(function(){
        var $down=$('.down-div p');
        $down.on('click',function(){
            if($(this).hasClass("down-show")){
                $(this).next().stop().slideDown(300);
                $(this).parent().siblings('.down-div').find(".info-fi").stop().slideUp(300);
                $(this).removeClass("down-show")
            }else{
                $(this).next().stop().slideUp(300);
                $(this).addClass("down-show")
            }

        })

    })
</script>
</html>
